<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
    <script src="./js/swiper.js"></script>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <style>
        .swiper-pagination-bullet-active{
            background:#fff;
            opacity: 1;
        }
        .swiper-pagination-bullet{
            /*background: transparent;*/
        }
        .index_imgimg{
            width: 100%;height:11.11111111111111rem;
        }
    </style>
    <link rel="stylesheet" href="./css/comment.css">
</head>
<body>
<div class="index_top">
        <div  class="top_left">
            <img class="l_img" src="./image/index_image/logo_2.png" alt="">
        </div>
        <div class="top_contant">
            魔域交易中心
        </div>
        <div class="top_right">
            <div><a class="login_txt_l" href="person_center.html">登录</a> </div>
            <!--<div><a style="text-decoration: none;color: #ffffff;font-size: 1.2rem" href="person_center.html">我的</a> </div>-->
        </div>
</div>
<!--首页顶部轮播图开始-->
<div style="width: 100%;height:11.11111111111111rem;margin: 3.5rem auto 0">
    <div class="detail_banner">
        <div class="rotator clearfix bbb">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-pagination-bullet-active"><a href="#" target="_blank"><img class="index_imgimg" src="image/index_image/banner.png" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img  class="index_imgimg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3947368221,3802809112&fm=26&gp=0.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img class="index_imgimg" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=4008752428,1829867238&fm=26&gp=0.jpg" alt="" /></a></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination">
                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active" data-seq="0"></span>
                    <span class="swiper-pagination-bullet" data-seq="1"></span>
                    <span class="swiper-pagination-bullet" data-seq="2"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--首页顶部轮播图结束-->
<!--游戏列表开始-->
<div class="msg_msg2">
    <p class="tip_message_p"><span class="spanspan">|</span><span class="tips">游戏列表</span> </p>
</div>
<div class="game_list">
    <div class="game_list_item_i link1">
            <a class="game_list_item_i_l" href="#">
                <img class="item_i_img" src="./image/index_image/icon2.png" alt="">
            </a>
            <div class="game_list_item_i_r">
                <div class="game_list_item_i_r_div">
                    <div class="game_s">
                        <a class="game_s_item jjj" >魔域手游</a>
                        <a class="game_s_item kkk" href="search.html?name=link1&id=">安卓</a>
                        <a class="game_s_item kkk2" href="search.html?name=link1&id=">苹果</a>
                    </div>
                    <div class="game_x">
                        <a class="game_s_item2" href="search.html?name=link1&id=">账号 <span>|</span> </a>
                        <a class="game_s_item2" href="search.html?name=link1&id=">首充号<span>|</span></a>
                        <a class="game_s_item2" href="search.html?name=link1&id=">魔石<span>|</span></a>
                        <a class="game_s_item2" href="search.html?name=link1&id=">首充号续充<span>|</span></a>
                        <a class="game_s_item2" href="search.html?name=link1&id=">装备道具</a>
                    </div>
                </div>
            </div>
    </div>
    <div class="game_list_item_i link2">
        <div class="game_list_item_i_l">
            <img class="item_i_img" src="./image/index_image/icon.png" alt="">
        </div>
        <div class="game_list_item_i_r">
            <div class="game_list_item_i_r_div">
                <div class="game_s">
                    <div class="game_s_item">魔域（口袋版）</div>
                    <a class="game_s_item kkk" href="search.html?name=link2&id=">安卓</a>
                    <a class="game_s_item kkk2" href="search.html?name=link2&id=">苹果</a>
                </div>
                <div class="game_x">
                    <a class="game_s_item2" href="search.html?name=link2&id=">账号 <span>|</span> </a>
                    <a class="game_s_item2" href="search.html?name=link2&id=">首充号<span>|</span></a>
                    <a class="game_s_item2" href="search.html?name=link2&id=">魔石<span>|</span></a>
                    <a class="game_s_item2" href="search.html?name=link2&id=">首充号续充<span>|</span></a>
                    <a class="game_s_item2" href="search.html?name=link2&id=">装备道具</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--公告区域开始-->
<div class="tip_message">
    <div class="msg_msg">
        <p class="tip_message_p"><span class="spanspan">|</span><span class="tips">公告区</span></p>
    </div>
    <div class="tip_message_c">
        <a class="tip_message_a jjj" href="tips_detail.html">
            <span class="tip_img">
               <img class="tip_img" src="./image/index_image/tip_message.png" alt="">
            </span>【通知】66173防骗小课堂
        </a>
        <a class="tip_message_a jjj" href="tips_detail.html">
            <span class="tip_img">
                <img class="tip_img" src="./image/index_image/tip_message.png" alt="">
            </span>
            【通知】这里是文字内容</a>
        <a class="tip_message_a jjj" href="tips_detail.html">
            <span class="tip_img">
                <img class="tip_img" src="./image/index_image/tip_message.png" alt="">
            </span>【通知】这里是文字内容</a>
    </div>
</div>
<!--底部友情链接开始-->
<div class="link_footer">
    <div class="foot_1">
        <span>友情链接：</span>
        <a  href="http://www.15w.com/">要我玩|</a>
        <a href="http://www.178.com/">178游戏网|</a>
        <a href="http://www.skymoons.com/">天像互动|</a>
        <a href="https://www.91y.com/?unionID=19&siteID=1069">91手游网</a>
    </div>
    <div class="foot_1">
        <a href="http://www.gao7.com/">搞趣网|</a>
        <a href="http://www.91.com/">91门户|</a>
        <a href="http://www.hiapk.com/">安卓网|</a>
        <a href="http://zs.91.com/">苹果园</a>
    </div>
    <div class="foot_1">
        <img class="jiaoyi" src="./image/index_image/jiaoyi.png" alt="">
    </div>
    <a class="foot_kefu" href="http://wpa.qq.com/msgrd?v=3&uin=2047541432&site=qq&menu=yes">
        <img class="kefu" src="./image/index_image/kefu.png" alt="">
    </a>
</div>
</body>
<script>
    $(".link1").click(function () {
        window.location.href="search.html?name=link1"
    })
    $(".link2").click(function () {
        window.location.href="search.html?name=link2"
    })
</script>
<script>
    var swiper1 = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay:2000,
        crossFade: true ,///控制是否自动播放
        preloadImages: false, //是否初始时将所有轮播图加载完,
        lazyLoading: true, //是否图片懒加载，要和preloadImages: false一起使用
        paginationClickable: true,
        autoplayDisableOnInteraction: false //控制用户滑动或点击到其他图后是否不再轮播
    });
</script>
</html>
